<%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%>
<div title="详细信息"  style="width:700px;height:400px;padding:10px 20px;">
	<div class="ftitle">手术记录</div>
	<div class="cdetail">
				<div class="fitem">
					<span class="view_consult12">标题 : <span id="view_title"></span></span>
				</div>
        		<div class="fitem">
            		<span class="view_consult12">手术合同 : <span id="view_contract"></span></span>
            	</div>
            	<div class="fitem">
            		<span class="view_consult11">客户 : <span id="view_customer"></span></span>
            		<span class="view_consult11">手术时间 : <span id="view_surgeryTime"></span></span>
            		<span class="view_consult11">手术项目: <span id="view_items"></span></span>
            	</div>
            	<div class="fitem">
            		<span class="view_consult11">主刀医生 : <span id="view_doctor"></span></span>
            		<span class="view_consult11">其他操作人员 : <span id="view_otherOperator"></span></span>
                	<span class="view_consult11">麻醉师 : <span id="view_mazuishi"></span></span>
            	</div>
            	<div class="fitem">
            		<span class="view_consult11">麻醉方式 : <span id="view_mazuifangshi"></span></span>
            	    <span class="view_consult11">添加人 : <span id="view_createUser"></span></span>
            	    <span class="view_consult11">添加时间: <span id="view_createTime"></span></span>
            	</div>
            	<div class="ftitle">术前分析</div>
            	<div class="fitem">
            		<span id="view_analysis"></span>
            	</div>
            	<div class="ftitle">手术设计</div>
            	<div class="fitem">
            		<span id="view_design"></span>
            	</div>
            	<div class="ftitle">手术过程</div>
            	<div class="fitem">
            		<span id="view_process"></span>
            	</div>
   </div>
</div>
<script type="text/javascript">
(function( viewSurgeryRecordJs, $, undefined ) {
	
	viewSurgeryRecordJs.init = function(){
		workbenchJs.loadData("dispatch/customer/surgeryRecord/query?id="+getID(),viewSurgeryRecordJs.loadSurgeryResult,"查看手术预约记录");
	};
	function getID(){
		return <%=request.getParameter("id")%>;
	}
	viewSurgeryRecordJs.loadSurgeryResult = function(result){
        	var payload = jQuery.parseJSON(result.payload.value);
        	$('#view_title').html(payload.title);
        	$('#view_contract').html(payload.contractSequence);
        	$('#view_customer').html(payload.customerName);
        	$('#view_surgeryTime').html(payload.surgeryTime);
        	$('#view_items').html(payload.items);
        	$('#view_doctor').html(payload.doctor);
        	$('#view_otherOperator').html(payload.otherOperator);
        	$('#view_mazuishi').html(payload.mazuishi);
        	$('#view_mazuifangshi').html(payload.view_mazuifangshi);
        	$('#view_createUser').html(payload.createUser);
        	$('#view_createTime').html(payload.createTime);
        	$('#view_analysis').html(payload.preoperaive);
        	$('#view_design').html(payload.surgeryDesign);
        	$('#view_process').html(payload.surgeryProcess);
	};
}( window.viewSurgeryRecordJs = window.viewSurgeryRecordJs || {}, jQuery ));

$(function(){
	viewSurgeryRecordJs.init();
});
</script> 
<style type="text/css">
    .view_consult11{
        margin-bottom:5px;
        margin-left:9px;
        display:inline-block;
        width:200px;
    }
    .view_consult12{
        margin-bottom:5px;
        margin-left:9px;
        display:inline-block;
        width:250px;
    }
     .ftitle{
            font-size:14px;
            font-weight:bold;
            padding:5px 0;
            margin-bottom:10px;
            border-bottom:1px solid #ccc;
        }
        .fitem{
            margin-bottom:5px;
        }
        .fitem label{
            display:inline-block;
            width:80px;
        }
</style>